<template>
  <div class="footer-box">
    <div class="footer-content">
      <img src="../../assets/image/icon_copyright.png" />
      {{ nowYear }}
      <img src="../../assets/image/icon_support.png" />
      技术支持：广东宏联科技有限公司
      <img src="../../assets/image/icon_hotline.png" />
      服务热线：0769-968899
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref, computed, defineComponent, onMounted, watch } from 'vue'
const nowYear = computed(() => {
  const date = new Date()
  return '2009-' + date.getFullYear()
})
onMounted(() => {
})
</script>
<style lang="scss" scoped>
.footer-box {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  padding: 23px 0 17px 0;

  .footer-content {
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      width: 16px;
      height: 16px;
      margin-right: 8px;
      margin-left: 20px;
    }

    .el-image:first-of-type {
      width: 16px;
      height: 16px;
    }
  }
}
</style>
